<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="css/cssreset.css" rel="stylesheet" type="text/css">
    <link href="css/head_botm_mode_first.css" rel="stylesheet" type="text/css">
    <link href="css/first_model.css" rel="stylesheet" type="text/css">
    <link href="css/lunbo.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.event.drag-1.5.min.js"></script>
    <script type="text/javascript" src="js/jquery.touchSlider.js"></script>
    <script type="text/javascript" src="js/menu_model_first.js"></script>

    <title>第一版</title>
</head>
<body>
<div class="first_model_container">
<header class="hidden-xs">
    <a><img src="images/model/logo.png"><span class="f18">维沃柯</span></a>
    <h1 class="f18">全国客服电话 ：400-000-0000</h1>
</header>
<nav class="hidden-xs">
    <div class="nav_container">
        <ul class="nav_main">
            <li class="act"><a class="f16 wh">首页</a></li>
            <li><a class="f16 wh">产品列表</a></li>
            <li><a class="f16 wh">新闻动态</a></li>
            <li><a class="f16 wh">工程案例</a></li>
            <li><a class="f16 wh">关于我们</a>
                <div class="contact_nav">
                    <a class="wh">联系我们</a>
                    <a class="wh">留言板</a>
                </div>
            </li>
            <li><a class="f16 wh">管理</a></li>
        </ul>
    </div>
</nav>
<div class="main_visual">
    <div class="flicking_con model_btn">
        <div class="flicking_inner model_btn_now">
            <a href="#"></a>
            <a href="#"></a>
            <a href="#"></a>
            <a href="#"></a>
            <a href="#"></a>
        </div>
    </div>
    <div class="main_image main_img_model">
        <ul>
            <li><span class="img_3"></span></li>
            <li><span class="img_4"></span></li>
            <li><span class="img_1"></span></li>
            <li><span class="img_2"></span></li>
            <li><span class="img_5"></span></li>
        </ul>
    </div>
</div><!--轮播结束-->
<h1 class="f22 model_ti"><span>专业决定专注</span>，服务成就未来</h1>
<div class="service">
    <img src="images/model/model_img01.jpg" class="hidden-xs hidden-sm">
    <div class="service_r">
        <div class="service_one">
            <h3 class="f40">01</h3>
            <div class="one_r">
                <h2 class="f24 g3">20年品牌资质，经验的沉淀 </h2>
                <p class="f18 g3">以精品服务赢取后勤社会化无限商机以服务创新 开启现代服务业崭新模式。</p>
            </div>
        </div>
        <div class="service_one">
            <h3 class="f40">02</h3>
            <div class="one_r">
                <h2 class="f24 g3">行业尖锐施工队，现代化设计理念</h2>
                <p class="f18 g3">本公司拥有一支特种专业施工队伍，在结合多年的 大工程，秉承专业的精神，一流的服务。</p>
            </div>
        </div>
        <div class="service_one">
            <h3 class="f40">03</h3>
            <div class="one_r">
                <h2 class="f24 g3">全国几百家分店，您的放心之选</h2>
                <p class="f18 g3">团结勤奋、诚信感恩、务实奉献、开拓创新，以诚信赢取客户，以精品树品牌，以管理出效益，以创新促发展。</p>
            </div>
        </div>
        <div class="service_one">
            <h3 class="f40">04</h3>
            <div class="one_r">
                <h2 class="f24 g3">贴心服务支持，让您无后顾之忧</h2>
                <p class="f18 g3">公司成立以来，以“专注，创新，务实，以客户为中心”的精神， 解决了一项又一项技术难题，是国内一家真正有实力的施工单位。</p>
            </div>
        </div>
    </div>
    <img src="images/model/model_img_s05.jpg" class="visible-xs visible-sm">
</div>
<div class="service_list hidden-xs">
    <div class="s_list_main">
        <div class="s_list_one">
            <img src="images/model/model_img02.jpg">
            <div class="s_list_botm">
                <h2 class="f22">纽约的交通中心枢纽:城市合金塔</h2>
                <p class="f18 g9">该项目以纽约市LIRR地铁换乘站</p>
                <p class="f18 g9">为背景，采用先进的 照明和能源技术，将</p>
                <p class="f18 g9">居住、购物、商务等功能融</p>
                <p class="f18 g9">为一 体。该项目很有优势。</p>
            </div>
        </div>
        <div class="s_list_one">
            <img src="images/model/model_img02.jpg">
            <div class="s_list_botm">
                <h2 class="f22">纽约的交通中心枢纽:城市合金塔</h2>
                <p class="f16 g9">该项目以纽约市LIRR地铁换乘站</p>
                <p class="f16 g9">为背景，采用先进的 照明和能源技术，将</p>
                <p class="f16 g9">居住、购物、商务等功能融</p>
                <p class="f16 g9">为一 体。该项目很有优势。</p>
            </div>
        </div>
        <div class="s_list_one">
            <img src="images/model/model_img02.jpg">
            <div class="s_list_botm">
                <h2 class="f22">纽约的交通中心枢纽:城市合金塔</h2>
                <p class="f18 g9">该项目以纽约市LIRR地铁换乘站</p>
                <p class="f18 g9">为背景，采用先进的 照明和能源技术，将</p>
                <p class="f18 g9">居住、购物、商务等功能融</p>
                <p class="f18 g9">为一 体。该项目很有优势。</p>
            </div>
        </div>

    </div>
</div>
<!--五大独特核心业务-->
<h1 class="f22 model_ti hidden-xs"><span>5大独特</span>核心业务</h1>
<div class="core_business hidden-xs">
    <div class="core_l">
        <div class="service_one">
            <h3 class="f40">A</h3>
            <div class="one_r core_main">
                <h2 class="f24 g3">20年品牌资质，经验的沉淀 </h2>
                <p class="f18 g3">以精品服务赢取后勤社会化无限商机以服务创新 开启现代服务业崭新模式。</p>
            </div>
        </div>
        <div class="service_one">
            <h3 class="f40">B</h3>
            <div class="one_r core_main">
                <h2 class="f24 g3">20年品牌资质，经验的沉淀 </h2>
                <p class="f18 g3">以精品服务赢取后勤社会化无限商机以服务创新 开启现代服务业崭新模式。</p>
            </div>
        </div>
        <div class="service_one">
            <h3 class="f40">C</h3>
            <div class="one_r core_main">
                <h2 class="f24 g3">20年品牌资质，经验的沉淀 </h2>
                <p class="f18 g3">以精品服务赢取后勤社会化无限商机以服务创新 开启现代服务业崭新模式。</p>
            </div>
        </div>
        <div class="service_one">
            <h3 class="f40">D</h3>
            <div class="one_r core_main">
                <h2 class="f24 g3">20年品牌资质，经验的沉淀 </h2>
                <p class="f18 g3">以精品服务赢取后勤社会化无限商机以服务创新 开启现代服务业崭新模式。</p>
            </div>
        </div>
        <div class="service_one">
            <h3 class="f40">E</h3>
            <div class="one_r core_main">
                <h2 class="f24 g3">20年品牌资质，经验的沉淀 </h2>
                <p class="f18 g3">以精品服务赢取后勤社会化无限商机以服务创新 开启现代服务业崭新模式。</p>
            </div>
        </div>
    </div>
    <img src="images/model/core01.jpg" class="hidden-xs hidden-sm">
</div>
<!--服务内容-->
<div class="service_content hidden-xs">
    <h1 class="f22 g3">服务内容 <span>SERVICE CONTENT</span></h1>
    <p class="f18 g3">我们的服务网络涉及国内外各地的主要城市，公司设计师从事建筑设计</p>
    <p class="f18 g3">、商业规划、商业设计耕耘十多年，尤其擅长商业地产 城市综合体、购物中心、百货公司的规划计划、建筑设计和室内装饰设计</p>
    <a class="f22 wh">联系我们</a>
</div>
<!--我的新闻中心-->
<h1 class="f22 model_ti hidden-xs"><span>我们的</span>新闻中心</h1>
<div class="new_center hidden-xs">
    <div class="center_one">
        <h1 class="f24">十月份玻纤布的报价估计上升5%</h1>
        <p class="f18 g3">为了进一步提高原水水质，提高黄浦江上游水源地应对突发性水污染事故的能力，记者昨天从市水务局了解到，本市将在太浦河新开辟一个水源湖，通过集中归并黄浦江上游现..</p>
    </div>
    <div class="center_one">
        <h1 class="f24">十月份玻纤布的报价估计上升5%</h1>
        <p class="f18 g3">为了进一步提高原水水质，提高黄浦江上游水源地应对突发性水污染事故的能力，记者昨天从市水务局了解到，本市将在太浦河新开辟一个水源湖，通过集中归并黄浦江上游现..</p>
    </div>
    <div class="center_one">
        <h1 class="f24">十月份玻纤布的报价估计上升5%</h1>
        <p class="f18 g3">为了进一步提高原水水质，提高黄浦江上游水源地应对突发性水污染事故的能力，记者昨天从市水务局了解到，本市将在太浦河新开辟一个水源湖，通过集中归并黄浦江上游现..</p>
    </div>
</div>
<!--新闻动态--手机版-->
<div class="news_trends visible-xs">
    <h1>新闻动态</h1>
    <ul class="trends_list">
        <li><a><span>【精】</span>建筑如何粘钢加固？</a></li>
        <li><a><span>【精】</span>建筑如何粘钢加固？</a></li>
        <li><a><span>【精】</span>建筑如何粘钢加固？</a></li>
        <li><a><span>【精】</span>建筑如何粘钢加固？</a></li>
        <li><a><span>【精】</span>建筑如何粘钢加固？</a></li>
    </ul>
</div>
<!--我们的优势-->
<div class="advantage_box hidden-xs">
   <div class="advantage">
       <h1 class="f24 wh">我们的优势</h1>
       <ul>
           <li class="f18 wh">将国际化的先进理念与我们在国内的专业商业设计经验相结合 </li>
           <li class="f18 wh">实现设计与物业价值的最大化、将业主与经营商家的最大共赢相结合 </li>
           <li class="f18 wh">将高效率高创意的设计与项目物业的运营成本控制相结合</li>
       </ul>
       <a class="f22">查看更多</a>
   </div>
</div>
<!--建筑设计装修原则-->
<h1 class="f22 model_ti hidden-xs"><span>建筑设计</span>装修原则</h1>
<div class="building_box hidden-xs">
    <div class="building">
        <h1 class="g3">01.</h1>
        <h2 class="f24">客户拒绝见面我们不接单</h2>
        <p class="f18 g3">好的设计建立在平等沟通基础上的，对客户负责，对我们 自己负责，对设计负责，对所从事的行业负责；做有思想 的设计，做有深度的设计。</p>
    </div>
    <div class="building">
        <h1 class="g3">02.</h1>
        <h2 class="f24">客户拒绝见面我们不接单</h2>
        <p class="f18 g3">好的设计建立在平等沟通基础上的，对客户负责，对我们 自己负责，对设计负责，对所从事的行业负责；做有思想 的设计，做有深度的设计。</p>
    </div>
    <div class="building">
        <h1 class="g3">03.</h1>
        <h2 class="f24">客户拒绝见面我们不接单</h2>
        <p class="f18 g3">好的设计建立在平等沟通基础上的，对客户负责，对我们 自己负责，对设计负责，对所从事的行业负责；做有思想 的设计，做有深度的设计。</p>
    </div>
</div>
<footer>
    <p class="f18 g9 hidden-xs">地址/Add：XXX省XXX市XXX县XXX路XXX号</p>
    <p class="f18 g9 hidden-xs">电话/Tel：020-0000000 </p>
    <p class="f18 g9 hidden-xs">邮箱/Mail：contact@fkadjkhsf.com</p>
    <h2 class="f24 wh hidden-xs">全国客服电话 ：400-000-0000</h2>
    <p class="f18 g9 hidden-xs">Copyright © 2006-2017 ZCOOL站酷</p>
    <h3 class="f10 g9 visible-xs">2017 网站样板—建筑建材 版权所有</h3>
    <div class="fot_botm visible-xs">
        <a class="f10 g9">凡科建站 搭建</a>
        <a class="f10 g6">|&nbsp电脑版</a>
    </div>
</footer>
</div>
<!--底部联系浮窗-->
<div class="float_box visible-xs">
    <a class="f_one">
        <img src="images/model/phone.png">
        <h2 class="wh">电话咨询</h2>
    </a>
    <a class="f_one">
        <img src="images/model/map.png">
        <h2 class="wh">在线地图</h2>
    </a>
    <a class="f_one">
        <img src="images/model/QQ.png">
        <h2 class="wh">QQ客服</h2>
    </a>
    <a class="f_one">
        <img src="images/model/message.png">
        <h2 class="wh">在线留言</h2>
    </a>
</div>
<!--左侧菜单手机端-->
<a class="float_menu_btn visible-xs"></a>
<ul class="float_menu visible-xs">
    <li class="index_cur g6"><a>首页</a></li>
    <li class="pro_gray g6"><a>产品列表</a></li>
    <li class="new_gray g6"><a>新闻动态</a></li>
    <li class="project_gray g6"><a>工程案例</a></li>
    <li class="about_gray g6"><a>关于我们</a></li>
</ul>
<a class="shadow"></a>
<script>
    $(document).ready(function () {
        $dragBln = false;
        $(".main_image").touchSlider({
            flexible : true,
            speed : 200,
            btn_prev : $("#btn_prev"),
            btn_next : $("#btn_next"),
            paging : $(".flicking_con a"),
            counter : function (e) {
                $(".flicking_con a").removeClass("on").eq(e.current-1).addClass("on");
            }
        });
        $(".main_image").bind("mousedown", function() {
            $dragBln = false;
        })
        $(".main_image").bind("dragstart", function() {
            $dragBln = true;
        })
        $(".main_image a").click(function() {
            if($dragBln) {
                return false;
            }
        })
        timer = setInterval(function() { $("#btn_next").click();}, 5000);
        $(".main_visual").hover(function() {
            clearInterval(timer);
        }, function() {
            timer = setInterval(function() { $("#btn_next").click();}, 5000);
        })
        $(".main_image").bind("touchstart", function() {
            clearInterval(timer);
        }).bind("touchend", function() {
            timer = setInterval(function() { $("#btn_next").click();}, 5000);
        })
    });
</script>

</body>
</html>